<template>
    <div>
        <div class="other">
            <ul>
                
                <li class="backTodo">
                    <router-link to="/Index">返回Todo</router-link>
                </li>
                <li class="person">
                    <router-link to="/Person">个人信息</router-link>
                </li>
                <li class="backTime">
                    <router-link to="/backTime">倒计时</router-link>
                </li>
                <li class="test">
                    <a href="https://gitee.com/emotional-transformation/vue-login-todolist.git">Git仓库</a>
                </li>
                <li class="exit">
                    <router-link to="/Login">退出登录</router-link>
                </li>
                
                
            </ul>
        </div>
    <div>
    <img src="https://codelover.club/files/stutasks/userID_775/currNo_43/FmZOts6gDIbmqYbz3hOo_GGgBXQb.png" alt="">
    <img src="https://codelover.club/files/stutasks/userID_775/currNo_43/FoMTwCz2LYEz-3iLwEyiiEAKLG3r.png" alt="">
    </div>
    </div>
</template>

<style scoped>
    body {
        background-color: #93afca;
    }
    
    .same {
        width: 600px;
        height: 60px;
        background-color: rgb(140, 199, 170);
        margin: auto;
        margin-top: 50px;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 60px;
    }
    .other {
        margin: auto;
        top: -10px;
        width: 590px;
        height: 60px;
    }
    .ul{
        margin-top: 0px;
    }
    .li{
        height: 41px;
    }
    .backTodo {
        width: 150px;
        height: 60px;
        display: inline;
        border: 0;
        color: #fff;
        margin-right: 20px;
    }
    
    .exit {
        width: 150px;
        height: 60px;
        display: inline;
        border: 0;
    }
    .backTime {
        width: 150px;
        height: 60px;
        display: inline;
        border: 0;
        color: #fff;
        margin-right: 20px;
    }
    
    a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
    }
    .person{
        width: 150px;
        height: 60px;
        display: inline;
        border: 0;
        color: #fff;
        margin-right: 20px;
    }
    .test{
        width: 150px;
        height: 60px;
        display: inline;
        border: 0;
        color: #fff;
        margin-right: 22px;
    }
</style>